.ccm-container {
    height: 90vh;
    width: 100%;

    .ccm-left {

        .ccm-left-top {
            height: 12%;
            background-color: #ffff00;
        }
        .ccm-left-middle1 {
            height:28%;
            background-color: #fd9365;
        }
        .ccm-left-middle2 {
            height: 30%;
            background-color: #ff75c5;
        }
        .ccm-left-bottom {
            height: 30%;
            background-color: #868eff;
        }
    }

    .ccm-middle {
        .ccm-middle-top{
            height: 50%;
            background-color: aqua;
        }
        .ccm-middle-bottom{
            height: 50%;
            background-color: rgb(247, 247, 247);
        }
    }

    .ccm-right {
       .ccm-right-top{
        height: 12%;
        background-color: antiquewhite;
       }
       .ccm-right-middle1{
        height: 12%;
        background-color: rgb(215, 255, 122);
       }
       .ccm-right-middle2{
        height: 48%;
        background-color: rgb(105, 118, 255);
       }
       .ccm-right-bottom{
        height: 28%;
        background-color: rgb(247, 171, 71);
       }
    }
}